<template>
  <div class="corner-info corner-info-lt">
    <p>总层数:{{ cornerInfo.total }}</p>
    <p>所在层数:{{ cornerInfo.currentIm + 1 }}</p>
    <p>层厚:{{ cornerInfo.sliceThickness }}</p>
    <p>kv:{{ cornerInfo.kvp }}</p>
  </div>
  <div class="corner-info corner-info-rt">
    <!-- <i class="iconfont icon-xiaoping" @click="toggleImageSize"></i> 全屏 -->
    <p>mA:{{ cornerInfo.xRayTubeCurrent }}</p>
  </div>
  <div class="corner-info corner-info-lb">
    <p>CT:47</p>
    <p>Wl:{{ cornerInfo.wl }} WW:{{ cornerInfo.ww }}</p>
  </div>
  <div class="corner-info corner-info-rb">
    <p>6Y</p>
    <p>M</p>
  </div>
</template>

<script lang="ts">
  // @ts-nocheck
  
  export default {
    components: {
    },
    props: {
      cornerInfo: {
        type: Object,
        default: () => {}
      }
    },
    data() {
      return {}
    },
    methods: {}
  }
</script>

<style lang="less" scoped>
.corner-info {
  position: absolute;
  font-size: 12px;
  color: #ccc;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  p {
    margin: 0;
    padding: 0;
  }
}
.corner-info-lt {
  left: 4px;
  top: 4px;
}
.corner-info-rt {
  right: 4px;
  top: 24px;
}
.corner-info-lb {
  left: 4px;
  bottom: 4px;
}
.corner-info-rb {
  right: 4px;
  bottom: 4px;
}
</style>
